.wtree {
  padding: 0;
}

.wtree .row {
  display: block;
  // border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px;
  color: #888;
  text-decoration: none;
  // background-color: #fafafa;
  cursor: unset !important;
  border-radius: 4px;

  &:hover:not(.selected) {
    color: #1890ff;
    background: #e6f7ff;
  }

  > span {
    position: relative;
  }
}

.switcher {
  cursor: pointer;
  padding: 0 4px;
  position: absolute;
  top: -3px;
  left: -24px;

  &:hover {
    color: #000;
  }
}

.selected {
  color: #9254de !important;
  background: #f9f0ff;
}

.node {
  display: inline-block;
}

.icon {
  font-size: 10px;
  margin-right: 6px;
}

.boolean {
  color: rgb(174, 129, 255);
}

.number {
  color: rgb(166, 226, 46);
}

.string {
  color: rgb(253, 151, 31);
}

.object {
  color: rgb(249, 38, 114);
}

.array {
  color: rgb(102, 217, 239);
}

.other {
  color: rgb(249, 248, 245);
}
